<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="../img/com/logo.png">
    <link rel="stylesheet" href="../asserts/css/normalize.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/pageCom.css">
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .fl{
            float: left;
        }
        .fr{
            float: right;
        }
        li{
            list-style: none;

        }
        /*模态框  start*/
        .model{
            background: url("../img/com/bg_main.jpg") no-repeat;
            position: absolute;
            left: 50%;
            top: 50%;
            border-radius: .5rem .5rem 0 0;
            width: 900px;
            height: 500px;
            margin-left: -450px;
            margin-top: -250px;
            color: #fff;
            display: none;
            z-index: 1001;

        }
        /*头部 header*/
        .header{
            position: relative;
            height: 2rem;
            height: 6%;
            border-radius: .5rem .5rem 0 0;
            background-color: #0080ff;
        }
        .header span{
            position: absolute;
            right: .8rem;
            top: 0.3rem;
            width: 1rem;
            height: 1rem;
            text-align: center;
            background-color: #fff;
            border-radius: 50%;
            line-height: 1rem;
            cursor: pointer;
            color: #00abde;
        }
        /*li list*/
        .model_content{
            height: 92%;
            width: 100%;
            padding: 0.2rem 0.5rem;

        }
        /*.tableBox tbody tr td:nth-child(1) a{*/
            /*color: red;*/
        /*}*/
        .model_content .modelTop{
            width: 100%;
            height: 40%;
            border-bottom: 1px solid #00abde;
        }
        .modelTop li{
            padding: 0.45rem 1rem;
            float: left;
            width: 30%;
            font-family: '微软雅黑';
            font-size: 0.6rem;
        }
        .modelMiddle{
            height: 25%;
            margin: 0.5rem 0.5rem;
            background-color:rgba(0,0,0,.25);
            overflow: auto;
        }
        .modelFooter{
            margin-top: 0.2rem;
            height: 25%;
            margin: 0.5rem 0.5rem;
            background-color:rgba(0,0,0,.25);
        }
        .modelMiddleContent,.modelFooterContent{
            margin: 0.5rem 1rem;
            width: 100%;
        }
        .modelMiddleContent ul li,.modelFooterContent ul li{
            padding: 0.2rem 0.2rem;
            width: 33%;
            float: left;
            font-size: 0.6rem;
        }
        .modelFooterContent ul li input,textarea{
            background-color: rgba(0,0,0,.3);
            border: 1px solid #00abde;
            border-radius: 0.15rem;
        }

        .operation{
            height: 1.2rem;
            width: 100%;
            background-color: #eee;
        }
        .operation .NavList li{
            float: left;
            font-size: .8rem;
            line-height: 1.2rem;
        }
        .operation ul li{
            font-size: 0.6rem;
            margin-right: 1rem;
            color: #000;
            cursor: pointer;
        }
        .operation ul li:hover{
            background-color: rgba(0,0,0,.2);
            padding: 0.1rem;
        }
        .operation .NavList li img{
            width: 0.8rem;
            height: 0.8rem;
            vertical-align: middle;
            line-height: 1.2rem;
        }
        .operation .NavList li span{
            margin-left: 0.5rem;
        }
    /*模态框  end*/

    </style>
</head>
<body class="whitePage" id="05_01fengxianshijianchuli" data-title="风险事件处理">
<div class="container">
    <nav class="pagination">
        <ul>
            <li class="home">首页</li>
            <li class="split">|</li>
            <li class="prev">上一页</li>
            <li class="split">|</li>
            <li class="pageNumber">
                <label for="pageCurrent" hidden></label>
                <input id="pageCurrent" type="number" value="1">&nbsp;/
                <span class="pageTotal">30</span>
            </li>
            <li class="split">|</li>
            <li class="next">下一页</li>
            <li class="split">|</li>
            <li class="end">末页</li>
            <li class="output">
                <a class="dropDown">输出</a>
                <ul>
                    <li class="pdf"><span class="icon"></span> PDF</li>
                    <li class="excel"><span class="icon"></span>
                        <a class="dropDown">EXCEL</a>
                        <ul>
                            <li>分页导出</li>
                            <li>原样导出</li>
                            <li>分页分sheet导出</li>
                        </ul>
                    </li>
                    <li class="word"><span class="icon"></span> WORD</li>
                    <li class="picture"><span class="icon"></span> 图片</li>
                </ul>
            </li>
        </ul>
    </nav>
    <div class="formBox open">
        <form action="">
            <div class="inputGroup">
                <label for="eventId">事件ID：</label>
                <input id="eventId">
            </div>
            <div class="inputGroup">
                <label for="customerName">客户名称：</label>
                <input id="customerName">
            </div>
            <div class="inputGroup">
                <label for="marketName">市场名称：</label>
                <select id="marketName">
                    <option value=""></option>
                    <option value="">青岛国际版权</option>
                    <option value="">上海石油化工</option>
                    <option value="">中韩文化产权</option>
                    <option value="">山东天地红</option>
                    <option value="">青岛国新大宗</option>
                    <option value="">联合信用资产</option>
                    <option value="">吉林文化产权</option>
                    <option value="">青岛华银商品</option>
                    <option value="">青岛华益金安</option>
                    <option value="">中国国金(青岛)</option>

                </select>
            </div>
            <br>
            <div class="inputGroup">
                <label for="processingState">处理状态：</label>
                <select id="processingState">
                    <option value=""></option>
                    <option value="">未处理</option>
                    <option value="">驳回</option>
                    <option value="">不选</option>
                </select>
            </div>
            <div class="inputGroup">
                <label for="riskCategories">风险类别：</label>
                <select id="riskCategories">
                    <option value=""></option>
                    <option value="">舆情风险</option>
                    <option value="">资金风险</option>
                    <option value="">客户风险</option>
                    <option value="">工商风险</option>
                    <option value="">交易风险</option>
                    <option value="">商品风险</option>
                    <option value="">不选</option>
                </select>
            </div>
            <div class="inputGroup">
                <label for="riskIndicators">风险指标：</label>
                <select id="riskIndicators">
                    <option value=""></option>

                </select>
            </div>
            <br>
            <div class="inputGroup">
                <label for="alarmTimeStart">报警时间起：</label>
                <input id="alarmTimeStart" type="date">
            </div>
            <div class="inputGroup">
                <label for="alarmTimeEnd">报警时间起：</label>
                <input id="alarmTimeEnd" type="date">
            </div>
            <div class="inputGroup">
                <label for="encode">业务编码：</label>
                <input id="encode">
            </div>
            <div class="btnGroup search">
                <button class="active">查询</button>
            </div>
        </form>
    </div>
    <div class="formFoldHandle"></div>
    <p class="queryResult">此次为您查询数据<span class="number">296</span>条</p>
    <div class="tableBox">
        <table>
            <thead>
            <tr>
                <th>风险事件ID</th>
                <th>报警时间</th>
                <th>风险类别</th>
                <th>风险指标</th>
                <th>风险指标值</th>
                <th>阙值</th>
                <th>超出额</th>
                <th>市场代码</th>
                <th>市场名称</th>
                <th>客户号</th>
                <th>客户名称</th>
                <th>业务菜单编码</th>
                <th>业务菜单名称</th>
                <th>业务类型</th>
                <th>业务编码</th>
                <th>处理人</th>
                <th>处理状态</th>
                <th>处理时间</th>
                <th>风险说明</th>

            </tr>
            </thead>
            <tbody>
            <tr><td><a href="" class="fengxian001">449684</a></td><td>20180428</td><td>信用风险</td><td>不良率</td><td>7.2</td><td>7</td><td>2.8%</td><td>11</td><td>重庆海尔小额贷款</td><td>1100001131</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180428</td><td class="more"><a href="">查看</a></td></tr>
            <tr><td><a href="">449683</a></td><td>20180426</td><td>信用风险</td><td>不良率</td><td>7.3</td><td>7</td><td>4.30%</td><td>11</td><td>蚂蚁小额贷款有限公司</td><td>1100001651</td><td>李军</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180426</td><td class="more"><a href="">查看</a></td></tr>
            <tr><td><a href="">449682</a></td><td>20180421</td><td>管理风险</td><td>高管稳定性</td><td>不合规</td><td>无</td><td>无</td><td>11</td><td>中鸿小额贷款有限公司</td><td></td><td>无</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180421</td><td class="more"><a href="">查看</a></td></tr>
            <tr><td><a href="">449681</a></td><td>20180420</td><td>信用风险</td><td>不良率</td><td>7.2</td><td>7</td><td>2.8%</td><td>11</td><td>西岸小额贷款有限公司</td><td>1100002331</td><td>孙强</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180420</td><td class="more"><a href="">查看</a></td></tr>
            <tr><td><a href="">449680</a></td><td>20180415</td><td>合规风险</td><td>营业范围</td><td>不合规</td><td>无</td><td>无</td><td>11</td><td>重庆海尔小额贷款有限公司</td><td>无</td><td>无</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180415</td><td class="more"><a href="">查看</a></td></tr>
            <tr><td><a href="">449679</a></td><td>20180413</td><td>合规风险</td><td>营业范围</td><td>不合规</td><td>无</td><td>无</td><td>11</td><td>蚂蚁小额贷款有限公司</td><td>无</td><td>无</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180413</td><td class="more"><a href="">查看</a></td></tr>
            <tr><td><a href="">449678</a></td><td>20180412</td><td>信用风险</td><td>不良率</td><td>7.1</td><td>7</td><td>1.4%</td><td>11</td><td>汇金小额贷款有限公司</td><td>1100007891</td><td>王建国</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180412</td><td class="more"><a href="">查看</a></td></tr>
            <tr><td><a href="">449677</a></td><td>20180405</td><td>信用风险</td><td>不良率</td><td>7.7</td><td>7</td><td>7.0%</td><td>11</td><td>汇金小额贷款有限公司</td><td>1100001381</td><td>周伟</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180405</td><td class="more"><a href="">查看</a></td></tr>
            <tr><td><a href="">449676</a></td><td>20180328</td><td>管理风险</td><td>不良率</td><td>不合规</td><td>无</td><td>无</td><td>11</td><td>西岸小额贷款有限公司</td><td>无</td><td>无</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180328</td><td class="more"><a href="">查看</a></td></tr>
            <tr><td><a href="">449675</a></td><td>20180321</td><td>管理风险</td><td>不良率</td><td>不合规</td><td>无</td><td>无</td><td>11</td><td>蚂蚁小额贷款有限公司</td><td>无</td><td>无</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180321</td><td class="more"><a href="">查看</a></td></tr>
            </tbody>
        </table>
    </div>
    <!--模态框 弹出框-->
    <div class="model">
        <div class="header"><span>X</span></div>
        <nav class="operation">
            <ul class="NavList">
                <li><img src="../img/05_fengxianguanli/submit.gif" alt=""><span id="submit">提交</span></li>
                <li><img src="../img/05_fengxianguanli/deleted.gif" alt=""><span id="deleteColumn">清空</span></li>
            </ul>
        </nav>
        <div class="model_content">
            <div class="modelTop">
                <li><a href="#">事件ID：<span>1233</span></a></li>
                <li><a href="#">报警时间：<span>1233</span></a></li>
                <li><a href="#">风险类型：<span>1233</span></a></li>
                <li><a href="#">风险指标：<span>1233</span></a></li>
                <li><a href="#">指标值：<span>1233</span></a></li>
                <li><a href="#">阙值：<span>1233</span></a></li>
                <li><a href="#">超出额：<span>1233</span></a></li>
                <li><a href="#">机构代码：<span>1233</span></a></li>
                <li><a href="#">机构名称：<span>1233</span></a></li>
                <li><a href="#">客户号：<span>1233</span></a></li>
                <li><a href="#">客户名称：<span>11111111111111111</span></a></li>
                <li><a href="#">业务菜单名称：<span>1233</span></a></li>
                <li><a href="#">业务类型：<span>1233</span></a></li>
                <li><a href="#">业务编码：<span>1233</span></a></li>


            </div>
            <div class="modelMiddle">
                <div class="modelMiddleContent">
                    <ul>
                        <li>
                            <label >处理人: <span class="processingPerson">123</span></label>

                        </li>
                        <li>
                            <label >处理状态: <span class="processState">已提交</span></label>

                        </li>
                        <li>
                            <a href="###">处理时间: <span class="processData">2018-1-1 00:00:00</span> </a>
                        </li>
                        <li style="width: 100%;">
                            <label >备注: <span></span></label>

                        </li>
                    </ul>
                    <ul>
                        <li>
                            <label >处理人: <span class="processingPerson">123</span></label>

                        </li>
                        <li>
                            <label >处理状态: <span class="processState">已提交</span></label>

                        </li>
                        <li>
                            <a href="###">处理时间: <span class="processData">2018-1-1 00:00:00</span> </a>
                        </li>
                        <li style="width: 100%;">
                            <label >备注: <span></span></label>

                        </li>
                    </ul>
                    <ul>
                        <li>
                            <label >处理人: <span class="processingPerson">123</span></label>

                        </li>
                        <li>
                            <label >处理状态: <span class="processState">已提交</span></label>

                        </li>
                        <li>
                            <a href="###">处理时间: <span class="processData">2018-1-1 00:00:00</span> </a>
                        </li>
                        <li style="width: 100%;">
                            <label >备注: <span></span></label>

                        </li>
                    </ul>
                    <ul>
                        <li>
                            <label >处理人: <span class="processingPerson">123</span></label>

                        </li>
                        <li>
                            <label >处理状态: <span class="processState">已提交</span></label>

                        </li>
                        <li>
                            <a href="###">处理时间: <span class="processData">2018-1-1 00:00:00</span> </a>
                        </li>
                        <li style="width: 100%;">
                            <label >备注: <span></span></label>

                        </li>
                    </ul>
                    <ul>
                        <li>
                            <label >处理人: <span class="processingPerson">123</span></label>

                        </li>
                        <li>
                            <label >处理状态: <span class="processState">已提交</span></label>

                        </li>
                        <li>
                            <a href="###">处理时间: <span class="processData">2018-1-1 00:00:00</span> </a>
                        </li>
                        <li style="width: 100%;">
                            <label >备注: <span></span></label>

                        </li>
                    </ul>
                    <ul>
                        <li>
                            <label >处理人: <span class="processingPerson">123</span></label>

                        </li>
                        <li>
                            <label >处理状态: <span class="processState">已提交</span></label>

                        </li>
                        <li>
                            <a href="###">处理时间: <span class="processData">2018-1-1 00:00:00</span> </a>
                        </li>
                        <li style="width: 100%;">
                            <label >备注: <span></span></label>

                        </li>
                    </ul>
                </div>
            </div>
            <div class="modelFooter">
                <div class="modelFooterContent">
                    <ul>
                        <li>
                            <label>审核人:</label>
                            <input type="text" id="Auditor">
                        </li>
                        <li>
                            <label >处理状态</label>
                            <input  name="radio1" type="radio" checked="checked">未处理
                            <input name="radio1" type="radio">已提交
                            <input name="radio1" type="radio">已排查
                        </li>
                        <li>
                            <a href="###">处理时间: <span id="processingData">2018-1-1 00:00:00</span> </a>
                        </li>
                        <li style="width: 100%;">
                            <label><strong>备注：</strong></label>
                            <textarea cols="100" rows="4"></textarea><br>
                        </li>
                    </ul>


                </div>
            </div>
        </div>
    </div>
    <!--模态框  end-->
</div>
<!--<script src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script>-->
<script src="../asserts/js/echarts-4.0.js"></script>
<script src="../asserts/js/jquery-2.2.4.js"></script>
<script src="../js/pageCom.js"></script>
<script src="../js/chartsCom.js"></script>

<script>

    $(function () {
        //显示model
        $(".tableBox tbody tr td:nth-child(1) a").click(function(e){
            e.preventDefault();
            $(".model").css("display","block");

        });
        //异常model
        $(".header span").click(function (e) {
            e.preventDefault();
            $(".model").hide(500);
        });


    });


</script>
</body>
</html>
